<!DOCTYPE HTML>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8">
    <title>Powerful JQuery Plugins</title>
    <link href="/js/jQueryUI/jquery-ui.css" type="text/css" rel="stylesheet"></link>
    <link href="/js/jQueryScrollbar/perfect-scrollbar.css" type="text/css" rel="stylesheet"></link>
  	<style type="text/css">
  		body {
  			min-width: 900px;
  			min-height: 100%;
  		}
  		.box {
  			width: 600px;
  			margin: 0 auto;
  		}
  		.top_radius {
  			height: 3px;
  			background: url(/img/round-rectangle/t_radius_595.gif) no-repeat
  		}
  		/* 
  			设置行高为当前div的高度可以使文字垂直居中
  			vertical-align只对拥有valign元素的标签起作用
  			td caption而对div、span等是不起作用的
  		*/
  		.content {
  			background-color: #ebf3ff;
  			border: 1px solid #ebf3ff;
  			border-top: none;
  			border-bottom: none;
  			height: 50px;
  			font-size: 26px;
  			color: purple;
  			text-align: center;
  			line-height: 50px;
  		}
  		.btm_radius {
  			height: 3px;
  			background: url(/img/round-rectangle/b_radius_595.gif) no-repeat
  		}
  	</style>
  </head>
  
  <body>
  	<div class="box">
  		<!-- 宽度固定，高度自适应的圆角矩形 -->
  		<div class="top_radius"></div>
  		<div class="content">使用圆角图片分别设置上下两部分的圆角矩形</div>
  		<div class="btm_radius"></div>
  	</div>
    <script src="/js/jQuery/jquery-1.11.3.js" type="text/javascript"></script>
    <script src="/js/jQueryUI/jquery-ui.js" type="text/javascript"></script>
    <script src="/js/jQueryValidation/jquery.validate.js" type="text/javascript"></script>
    <script src="/js/jQueryValidation/messages_zh.js" type="text/javascript"></script>
    <script src="/js/jQueryValidation/additional-methods.js" type="text/javascript"></script>
    <script src="/js/jQueryValidation/additional-methods.js" type="text/javascript"></script>
    <script src="/js/jQueryScrollbar/perfect-scrollbar.jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            console.info("Dom元素加载完毕！");
        });
    </script>
  </body>
</html>